<template>
	<view class="status_bar">
		<view class="top_view" :style="{backgroundColor:backgroundColor?backgroundColor:'#FFFFFF'}"></view>
	</view>
</template>

<script>
	export default {
	
		data() {
			return {
				key: ''
			}
		},
		methods: {
			
		},
		mounted() {
	
		},
		computed: {
	
		},
		/**
		 * title 头部名字  fixed 为 true 为 定位到顶部
		 */
		props: [
			"backgroundColor"
		]
	
	}
</script>

<style scoped>
.status_bar {
  height: var(--status-bar-height);
  width: 100%;
  z-index: 10000;
}
.top_view {
  height: var(--status-bar-height);
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 10000;
}
</style>
